<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>game</title>
    <link rel="stylesheet" href="/resource/static/css/reset.css">
    <style>
        body main{
            background: rgba(255, 255, 255, 0);
        }
        main .container{
            max-width: 96rem;
            margin: 0 auto;
        }
        h2.page-title{
            margin: 3rem 0 0;
            font-size: 2rem;
            text-align: center;
        }
        .column{
            margin: 0 0 4rem;
            text-align: justify;
            text-justify: inter-ideograph;
            font-size: medium;
        }
        .container h3{
            font-size: 2rem;
            margin-top: 1rem;
        }
        .container .entry{
            padding: .5rem 0;
        }
        .entry p {
            margin: 1.5rem 0;
            word-break: break-all;
        }
    </style>
</head>
<body>
<div id="header"></div>
<main>
    <div class="container">
        <h2 class="page-title">JavaScript 相关</h2>
        <div class="column">
            <h3>
                <a href="./paging" title="实用的分页插件">实用的分页插件</a>
            </h3>
            <small>2017年4月11日</small>
            <div class="entry">
                <p>分页JS，封装良好，即插即用。</p>
                <p class="read-more">
                    <a href="./paging" title="实用的分页插件" target="_blank">阅读全文...</a>
                </p>
            </div>
        </div>
        <div class="column">
            <h3>
                <a href="./focus/" title="实用的分页插件">应用在IPTV的EPG页面上的焦点控制器</a>
            </h3>
            <small>2017年4月11日</small>
            <div class="entry">
                <p>一种用于IPTV（交互式网络电视）平台的EPG（Electronic Program Guide，电子节目菜单）页面焦点控制方法，通过JavaScript编写的焦点控制器方法代替机顶盒默认的焦点处理方法，实现在多个不同厂家机顶盒的浏览器中实现一致的焦点展现。</p>
                <p class="read-more">
                    <a href="./focus/" title="实用的分页插件" target="_blank">阅读全文...</a>
                </p>
            </div>
        </div>
        <div class="column">
            <h3>
                <a href="./printScreen/" title="使用canvas实现屏幕截屏">使用canvas实现屏幕截屏</a>
            </h3>
            <small>2017年4月11日</small>
            <div class="entry">
                <p>canvas通过获取页面的DOM和元素的样式信息,并将其渲染成canvas图片,从而实现给页面截图的功能。</p>
                <p class="read-more">
                    <a href="./printScreen/" title="实用的分页插件" target="_blank">阅读全文...</a>
                </p>
            </div>
        </div>
    </div>
</main>
<div id="footer"></div>
<script src="/resource/dist/build.js"></script>
</body>
</html>